.AddGameModal {
  .form-item {
    display: flex;

    .form-label {
      width: 100px;
      text-align: right;
      margin-right: 10px;
      margin-top: 5px;
      font-size: 14px;
      &::after {
        content: ':';
      }
    }
    .form-input {
      flex: 1;
      overflow: hidden;
      .path-select-box {
        background-color: #222223;
        padding: 5px 10px;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        gap: 5px;
        span {
          font-size: 12px;
          &.placeholder {
            color: #999;
          }
        }
      }

      .preview-box {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        .item {
          width: 150px;
          height: 210px;
          border-radius: 5px;
          overflow: hidden;
          background-color: #222223;
          position: relative;
          user-select: none;
          .remove-icon {
            position: absolute;
            top: 5px;
            right: 5px;
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background-color: #ed2727;
            cursor: pointer;
            transform: scale(0);
            transition: 0.3s;
            svg {
              width: 12px;
              height: 12px;
            }
            &:active {
              transform: scale(0.9) !important;
            }
          }
          &:hover .remove-icon {
            transform: scale(1);
          }
          img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            cursor: pointer;
          }
          video {
            width: 100%;
            height: 100%;
            object-fit: contain;
          }
        }
        .add-item {
          width: 150px;
          height: 210px;
          background-color: #27272a;
          border-radius: 5px;
          display: flex;
          align-items: center;
          gap: 5px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          gap: 5px;
          cursor: pointer;
          user-select: none;
          svg {
            width: 45px;
            height: 45px;
          }
          span {
            font-size: 12px;
          }
        }
      }
    }
  }
}
